<template>
    <div id="app">
        <keep-alive>
            <router-view v-if="$route.meta.keepAlive"></router-view>
        </keep-alive>
        <router-view v-if="!$route.meta.keepAlive"></router-view>

        <van-tabbar route v-if="$route.meta.isFootShow">
            <van-tabbar-item replace to="/home" icon="home-o">
                首页
            </van-tabbar-item>
            <van-tabbar-item replace to="/topic" icon="notes-o">
                专题
            </van-tabbar-item>
            <van-tabbar-item replace to="/category" icon="apps-o">
                分类
            </van-tabbar-item>
            <van-tabbar-item replace to="/cart" icon="shopping-cart-o">
                购物车
            </van-tabbar-item>
            <van-tabbar-item replace to="/my" icon="contact">
                我的
            </van-tabbar-item>
        </van-tabbar>
    </div>
</template>

<script>

export default {
    data() {
        return {
            active: 0,
        };
    },
};
</script>

<style lang="scss">
    .router-view{
        padding-bottom: 1.333333rem;
    }
</style>
